<!DOCTYPE html>
<html lang="zh">

	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<title>高端大气的装修公司网站html模板免费报价页 - 我爱模板网 www.5imoban.net</title>
		<link href="css/swiper.min.css" rel="stylesheet">
		<link href="css/common.css" rel="stylesheet">
		<link href="css/style.css" rel="stylesheet">
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/jquery.SuperSlide.2.1.3.js"></script>
		<script type="text/javascript" src="js/swiper.min.js"></script>
		<script type="text/javascript" src="js/more.js"></script>
	</head>
	<body>
		<header class="clearfix">
			<div class="toper clearfix">
				<div class="inner-warrper">
					<div class="fwdz fl">
						<span></span>
						<strong><a href="javascript:">合肥<b>[切换]</b></a></strong>
						<div class="map">
							<b></b>
							<a href="">合肥</a>
							<a href="">芜湖</a>
							<a href="">安庆</a>
							<a href="">宿州</a>
						</div>
					</div>

					<div class="hyld fr">
						<span>欢迎来到xx装饰！</span>
						<strong>
                	<a href="" class="a1 zxbj">免费报价</a>
                    
                    <a href="" class="a2 yysj">预约设计</a>
                   
                    <a href="javascript:"  class="a3">关注微信</a>
                     <div class="erweima">
	                	<img src="images/erweima.jpg">
	                </div>
                </strong>
					</div>
				</div>
			</div>
			<div class="inner-warrper">
				<div class="head clearfix">
					<div class="logo fl">
						<a href=""><img src="images/logo.png"></a>
					</div>
					<div class="text fl">
						<p><b>22年</b>门店遍布63城<br />设计施工双甲级资质</p>
					</div>

					<ul class="nav navbar-nav">
						<li>
							<a href="index.html">首页</a>
						</li>
						<li>
							<a href="#">装修服务</a>
						</li>
						<li>
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">装修案例 <b class="caret"></b></a>
							<ul class="dropdown-menu depth_0">
								<li>
									<a href="#">网页特效</a>
								</li>
								<li>
									<a href="#">音效下载</a>
								</li>
								<li>
									<a href="#">网页模板</a>
								</li>
								<li>
									<a href="#">flash动画</a>
								</li>
							</ul>
						</li>
						<li>
							<a href="#">设计团队</a>
						</li>
						<li>
							<a href="#">品质保障</a>
						</li>
						<li>
							<a href="price.html">免费报价</a>
						</li>
						<li>
							<a href="#">装修课堂</a>
						</li>
						<li>
							<a href="about.html">关于创艺</a>
						</li>
					</ul>

					<div class="tel fr">
						<span>400-9965-198</span>
						<p>全国家装服务热线</p>
					</div>
				</div>
			</div>
		</header>

		<div class="freeprice-sec1">
			<div class="w1260">
				<div class="left">
					<h2><span>装修计算器</span> 已有<b>8787358</b>位业主获取了装修预算</h2>
					<div class="div1">
						<span class="name">所在城市：</span>
						<div class="zcityGroup" city-range="{'level_start':1,'level_end':2}"></div>
					</div>
					<div class="div1">
						<span class="name">房屋面积：</span>
						<div class="in">
							<input type="text" name="" id="" placeholder="请输入您的房屋面积" /> <i>㎡</i>
						</div>
					</div>
					<div class="div1">
						<span class="name">您的称呼：</span>
						<div class="in">
							<input type="text" name="" id="" placeholder="请输入您的称呼" />
						</div>
					</div>
					<div class="div1">
						<span class="name">手机号码：</span>
						<div class="in">
							<input type="text" name="" id="" placeholder="请输入接收报价的电话" />
						</div>
					</div>
					<p class="p1">* 您的信息将会严格保密，请放心填写！</p>
				</div>
				<div class="center">
					<div class="line"></div>
					<button><strong><span>获取<br />报价</span></strong></button>
				</div>
				<div class="right">
					<h3>更多快速报价通道</h3>
					<ul>
						<li><img src="images/free-icon1.png" />专业客服在线报价</li>
						<li><img src="images/free-icon2.png" />免费电话报价<b>400-9965-198</b></li>
					</ul>
				</div>
			</div>
		</div>

		<div class="freeprice-sec2">
			<div class="fp-tit">
				<h3>坐等一站式服务</h3>
				<p>3套设计方案全面PK挑选满意的方案</p>
			</div>
			<div class="w1260">
				<ul>
					<li>
						<figure><img src="images/free_05.jpg" /></figure>
						<figcaption>
							<h3>设计方案</h3>
							<p>三套优质设计方案全面PK 选出你喜欢的设计</p>
						</figcaption>
					</li>
					<li>
						<figure><img src="images/free_07.jpg" /></figure>
						<figcaption>
							<h3>大咖设计</h3>
							<p>专业设计师创意PK，碰撞出装修风格灵感火花</p>
						</figcaption>
					</li>
					<li>
						<figure><img src="images/free_09.jpg" /></figure>
						<figcaption>
							<h3>方案优选</h3>
							<p>方案不满意可反复修改，最终获取您满意的设计</p>
						</figcaption>
					</li>
				</ul>
			</div>
			<div class="sec2-hf w1260">
				<a href=""><img src="images/free_14.jpg" /></a>
			</div>
		</div>
		<div class="freeprice-sec3">
			<div class="fp-tit">
				<h3>上门量房 专业精准</h3>
				<p>只需简单3步，让你看到未来家</p>
			</div>
			<div class="w1260">
				<ul>
					<li>
						<figure><img src="images/free_16.jpg" /></figure>
						<p>专业设计师，精准测量房屋空间尺寸</p>
					</li>
					<li>
						<figure><img src="images/free_18.jpg" /></figure>
						<p>专业设计师，精准测量房屋空间尺寸</p>
					</li>
					<li>
						<figure><img src="images/free_20.jpg" /></figure>
						<p>专业设计师，精准测量房屋空间尺寸</p>
					</li>
				</ul>
			</div>
		</div>

		<div class="freeprice-sec4">
			<div class="w1260 listdetail">
				<h2>装修费用清单明细 让您对支出心中有数</h2>
				<div class="cont">
					<ul>
						<li>
							<em>
								<img src="images/免费报价_15.jpg"/>
								one
							</em>
							<h3>/&nbsp;&nbsp;设计费&nbsp;&nbsp;/</h3>
							<p class="p1">空间设计高清效果图<br /> 水电施工产品设计图
							</p>
							<strong>+</strong>
							<p class="p2">精细化量房服务 <br /> 全程材料采买服务 <br /> 资深软装搭配服务
							</p>
						</li>
						<li>
							<em>
								<img src="images/免费报价_17.jpg"/>
								one
							</em>
							<h3>/&nbsp;&nbsp;工程款&nbsp;&nbsp;/</h3>
							<p class="p1">水电木瓦油人工费</p>
							<strong>+</strong>
							<p class="p2">工地二次保护服务<br /> 工地基础卫生服务 <br /> 终身工程维修服务
							</p>
						</li>
						<li>
							<em>
								<img src="images/免费报价_15-11.jpg"/>
								one
							</em>
							<h3>/&nbsp;&nbsp;材料费&nbsp;&nbsp;/</h3>
							<p class="p1">严选一线主材产品 <br /> 全球集采辅材产品
								<br /> 水电施工产品设计图
							</p>
							<strong>+</strong>
							<p class="p2">优先材料配送服务<br />  正品低价保障服务 <br /> 专业安装售后服务
							</p>
						</li>
					</ul>
					<div class="biao">
						<strong>现在预约</strong>
						<h3>报名前1000名</h3>
						<h4>免费领取家装设计</h4>
						<input type="text" name="" id="" value="请输入您的称呼" />
						<input type="text" name="" id="" value="请输入您的手机号" />
						<p>随后将报名情况发送到您的手机</p>
						<input type="text" name="" id="" value="立即报名" class="sub" />
					</div>
				</div>
			</div>
			<div class="w1260 feedback">
				<div class="fp-tit">
					<h3>业主回馈信息</h3>
					<p>免费帮您估价，让您合理分配预算</p>
				</div>
				<div class="feedback-cont">
					<div class="left">
						<div class="div1">
							<h3><span>新申请装修服务</span>当前已有271位业主申请定制设计服务</h3>
							<a href="">我也要申请</a>
						</div>
						<dl class="bd">
							<dt>
								<span>地域</span><span>业主</span><span>面积</span><span>装修类型</span>
								<span>装修风格</span><span>发布时间</span>
							</dt>
							<div class="infoList">
							
								<dd>
									<span>合肥</span><span>程女士</span><span>120m²</span><span>全包</span>
									<span>欧式</span><span>2019-10-24</span>
								</dd>
								<dd>
									<span>合肥</span><span>程女士</span><span>120m²</span><span>全包</span>
									<span>欧式</span><span>2019-10-24</span>
								</dd>
								<dd>
									<span>合肥</span><span>程女士</span><span>120m²</span><span>全包</span>
									<span>欧式</span><span>2019-10-24</span>
								</dd>
								<dd>
									<span>合肥</span><span>程女士</span><span>120m²</span><span>全包</span>
									<span>欧式</span><span>2019-10-24</span>
								</dd>
								<dd>
									<span>合肥</span><span>程女士</span><span>120m²</span><span>全包</span>
									<span>欧式</span><span>2019-10-24</span>
								</dd>
								<dd>
									<span>合肥</span><span>程女士</span><span>120m²</span><span>全包</span>
									<span>欧式</span><span>2019-10-24</span>
								</dd>
							</div> 	
						</dl>
					</div>
					<div class="right">
						<h3 class="t">新业主点评</h3>
						<div class="bd">
							<ul>
								<li>								
									<div class="right-nei">
										<div class="div2">
											<em><img src="images/no-tu1.jpg"/></em>
											<figcaption>
												<h3>万豪广场别墅业主</h3>
												<p>美式   |   xx装饰集团</p>
											</figcaption>
										</div>
										<p class="p1">午后的阳光洒满院子，传来两个人温暖的笑声，这是他们给予新家的最初印象。是的，要在这里生活的主人公们，明媚如暖阳。 对于尚层的设计团队，我们更习惯于称呼她和他：林姐，王爷。</p>
										<div class="div-tu">
											<img src="images/free_36.jpg"/>
											<img src="images/free_38.jpg"/>
										</div>
									</div>
								</li>		
								<li>								
									<div class="right-nei">
										<div class="div2">
											<em><img src="images/no-tu1.jpg"/></em>
											<figcaption>
												<h3>万豪广场别墅业主</h3>
												<p>美式   |   xx装饰集团</p>
											</figcaption>
										</div>
										<p class="p1">午后的阳光洒满院子，传来两个人温暖的笑声，这是他们给予新家的最初印象。是的，要在这里生活的主人公们，明媚如暖阳。 对于尚层的设计团队，我们更习惯于称呼她和他：林姐，王爷。</p>
										<div class="div-tu">
											<img src="images/free_36.jpg"/>
											<img src="images/free_38.jpg"/>
										</div>
									</div>
								</li>		
								<li>								
									<div class="right-nei">
										<div class="div2">
											<em><img src="images/no-tu1.jpg"/></em>
											<figcaption>
												<h3>万豪广场别墅业主</h3>
												<p>美式   |   xx装饰集团</p>
											</figcaption>
										</div>
										<p class="p1">午后的阳光洒满院子，传来两个人温暖的笑声，这是他们给予新家的最初印象。是的，要在这里生活的主人公们，明媚如暖阳。 对于尚层的设计团队，我们更习惯于称呼她和他：林姐，王爷。</p>
										<div class="div-tu">
											<img src="images/free_36.jpg"/>
											<img src="images/free_38.jpg"/>
										</div>
									</div>
								</li>		
								<li>								
									<div class="right-nei">
										<div class="div2">
											<em><img src="images/no-tu1.jpg"/></em>
											<figcaption>
												<h3>万豪广场别墅业主</h3>
												<p>美式   |   xx装饰集团</p>
											</figcaption>
										</div>
										<p class="p1">午后的阳光洒满院子，传来两个人温暖的笑声，这是他们给予新家的最初印象。是的，要在这里生活的主人公们，明媚如暖阳。 对于尚层的设计团队，我们更习惯于称呼她和他：林姐，王爷。</p>
										<div class="div-tu">
											<img src="images/free_36.jpg"/>
											<img src="images/free_38.jpg"/>
										</div>
									</div>
								</li>		
							</ul>
						</div>
						<div class="hd">
							<ul>
								<li></li><li></li><li></li><li></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
			
		<div class="freeprice-sec5">
			<h3>您家的装修预算?元 能装修成什么样子？</h3>
			<div class="w1260">
				<div class="tu">
					<figure>
						<img src="images/free_43.jpg"/>
						<span>往期案例</span>
						<b></b>
					</figure>
					<figure>
						<img src="images/free_43.jpg"/>
						<span>往期案例</span>
						<b></b>
					</figure>
				</div>
				<div class="biao">
					<input type="text" name="" id="" value="请输入您的姓名" />
					<input type="text" name="" id="" value="请输入您的手机号" />
					<input type="submit" name="" id="" value="提交" class="sub" />
				</div>
			</div>
		</div>	
			
		<footer class="clearfix">
			<div class="foot">
				<div class="w1300">

					<div class="wenzi fl">
						<h2>关于xx装饰</h2>
						<figure>
							<a href="">关于创艺</a>
							<a href="">品牌介绍</a>
							<a href="">发展历程</a>
							<a href="">资质荣誉</a>
							<a href="">公益慈善</a>
							<a href="">联系我们</a>
						</figure>
					</div>

					<div class="wenzi fl">
						<h2>装修案例</h2>
						<figure>
							<a href="">精品案例</a>
							<a href="">VR全景</a>
							<a href="">热装楼盘</a>
						</figure>
					</div>

					<div class="wenzi fl">
						<h2>装修服务</h2>
						<figure>
							<a href="">标准化家装（套餐）</a>
							<a href="">高端定制</a>
						</figure>
					</div>

					<div class="wenzi fl">
						<h2>品质保障</h2>
						<figure>
							<a href="">业主评价</a>
							<a href="">环保选材</a>
							<a href="">标准工艺</a>
						</figure>
					</div>

					<div class="wenzi fl">
						<h2>装修学堂</h2>
						<figure>
							<a href="">家装百科</a>
							<a href="">家居风水</a>
							<a href="">选材攻略</a>
						</figure>
					</div>
					<div class="lian fr">
						<span class="num">- 400-9965-198</span>
						<span class="time">24小时咨询热线<br>Consultation hotline</span>
						<span class="erweima"><img src="images/erweima.jpg"></span>
					</div>
					<div class="clear"></div>

					<div class="link">
						友情链接：
						<a href="http://www.5imoban.net" target="_blank">静态网页模板</a>
						<a href="http://www.5imoban.net" target="_blank">我爱模板网</a>
					</div>
					<div class="weibu clearfix">
						<p class="fl"> 2011-2021 All rights Reserved.京ICP备18042966号 <a href="http://www.5imoban.net" target="_blank">网页模板</a></p>
						<div class="weibu-ico fr">
							<a href="" class="a1"></a>
							<a href="" class="a2"></a>

							<a href="" class="a3"></a>
							<a href="" class="a4"></a>
						</div>
					</div>
				</div>
			</div>

		</footer>

		<!--装修报价-->
		<div class="ancitc" style="display: none;">
			<div class="sszs">
				<a class="close_a" href="#"><em>×</em></a>

				<div class="qolnd fl">
					<h1>装修该花多少钱？提前算一算</h1>
					<dl>
						<dt>您的称呼<i>*</i></dt>
						<dd><input type="text" placeholder="请输入您的称呼" class="tit"></dd>
					</dl>
					<dl>
						<dt>您的电话<i>*</i></dt>
						<dd><input type="text" placeholder="请输入您的电话" class="tit"></dd>
					</dl>

					<div id="modalCalculatePrice" class="fwmj">
						<form>
							<div class="heng j-slider">
								<div class="form-slider-value j-value"></div>
							</div>
						</form>
					</div>

					<div class="tijiao"><input type="submit" value="开始计算" class="sub"></div>

				</div>

				<div id="modalCalculatePrice" class="yusuan fr">
					<div class="tit">你家的装修预算<span class="js-total">60000</span>元</div>
					<ul>
						<li class="js-rg">人工费：<span>21000</span>元</li>
						<li class="js-cl">材料费：<span>39000</span>元</li>
						<li class="js-zx">杂项费：<span>0</span>元</li>
					</ul>
				</div>

				<script src="js/jquery-ui.js"></script>

			</div>
		</div>

		<!--预约设计-->
		<div id="Design" class="Design" style="display: none;">
			<div class="sszs">
				<a id="close_b" href="#"><em>×</em></a>

				<div class="nrong">
					<div class="tit">预约设计</div>
					<div class="pop">已有<span>100</span>位业主提交设计需求</div>
					<div class="xieru">
						<input type="text" value="请输入您的姓名" class="text" onblur="if(this.value=='')this.value='请输入您的姓名';" onfocus="this.value='';" onkeydown="entersearch()">
						<input type="text" value="请输入您的电话" class="text" onblur="if(this.value=='')this.value='请输入您的电话';" onfocus="this.value='';" onkeydown="entersearch()">
					</div>
					<div class="tijiao"><input type="submit" class="sub" value="立即预约"></div>
				</div>

			</div>
		</div>

		<!--上门量房-->
		<div id="Quantity" class="Design" style="display: none;">
			<div class="sszs">
				<a id="close_c" href="#"><em>×</em></a>

				<div class="nrong">
					<div class="tit">上门量房</div>
					<div class="pop">已有<span>100</span>位业主预约上门量房</div>
					<div class="xieru">
						<input type="text" value="请输入您的姓名" class="text" onblur="if(this.value=='')this.value='请输入您的姓名';" onfocus="this.value='';" onkeydown="entersearch()">
						<input type="text" value="请输入您的电话" class="text" onblur="if(this.value=='')this.value='请输入您的电话';" onfocus="this.value='';" onkeydown="entersearch()">
					</div>
					<div class="tijiao"><input type="submit" class="sub" value="立即预约"></div>
				</div>

			</div>
		</div>

		<!--参观工地-->
		<div id="visit" class="Design" style="display: none;">
			<div class="sszs">
				<a id="close_d" href="#"><em>×</em></a>

				<div class="nrong">
					<div class="tit">预约工地</div>
					<div class="pop">已有<span>100</span>位业主预约参观工地</div>
					<div class="xieru">
						<input type="text" value="请输入您的姓名" class="text" onblur="if(this.value=='')this.value='请输入您的姓名';" onfocus="this.value='';" onkeydown="entersearch()">
						<input type="text" value="请输入您的电话" class="text" onblur="if(this.value=='')this.value='请输入您的电话';" onfocus="this.value='';" onkeydown="entersearch()">
					</div>
					<div class="tijiao"><input type="submit" class="sub" value="立即预约"></div>
				</div>

			</div>
		</div>
		<script src="js/zcity.js"></script>
		<script>
			zcityrun('.zcityGroup');
		</script>
	</body>

</html>